@import "base/base";

$buttonHeight : 50px;
$appCaseItemHeight : 300px;
div.case{
    //jumbotron
    div.jumbotron{
        text-align: center;
        height: auto;
        padding: 0px;
        position: relative;
        color: white;
        >div.container-fluid{
            padding: 0px;
        }
        
        img.bigImg{
            width: 100%;
            height: auto;
            margin: 0px;
            padding: 0px;
        }

    }
    //businessCase
    div.caseDetail{
        >div.row{
            height: 370px;
            @media screen and (max-width: $screen-md){
                height: auto;
            }
        }
        div.thumbnail{
            position: relative;
            border: none;
            text-align: center;
            background-color: $bodyBackgroundColor;
            
            img{
                @include transition-property(margin-top);
                @include transition-duration(0.5s);
            }
            
            img:hover{
                margin-top: -10px;
            }
            
            .right{
                margin-left: 0px;
            }
            .left{
                margin-right: 0px;
            }
            @media screen and (max-width: $screen-md){
                .right,.left{
                    margin-right: auto;
                    margin-left: auto;
                }
            }
        }
    }
    
}
